
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>用户列表</title>
  <link rel="stylesheet" href="../../css/element.css">
	<link rel="stylesheet" href="../../css/common.css">
    
    
</head>

<body>
	<div id="app" v-cloak
    v-loading="pageLoading"
    element-loading-text="拼命加载中"
    element-loading-spinner="el-icon-loading"
    element-loading-background="rgba(0, 0, 0, 0.8)">
        
        <el-container style="height: 100%;">


          <el-header>
            <div class="layout-logo">
                <img src="../../images/logo.png" alt="">
            </div>
            <div class="head-nav">
              <a href="../complianceAudit/audit.html">合规审核</a>
              <a href="complex.html">数据查询</a>
              <a class="active" href="javascript:void(0)" v-if="localStorage.sys_userName==='alex'||localStorage.sys_userName==='zhanggui'">用户列表</a>
            </div>
            <div class="layout-nav font12 user_msg">
                欢迎您，{{userName}}  <a class="red" href="javascript:void(0)" @click="userQuit"> 注销 </a>
            </div>
          </el-header>

          <el-container>
           
            <!-- common  侧边栏 END --> 
            <!-- 右侧主视图部分 BEGIN  -->
            <el-container>

              <!-- content container begin -->
              <el-main>
                <el-card class="main-card">
  
                  <div slot="header" class="clearfix">
                    <span class="font12 gray">当前位置：用户列表</span>
                  </div>

                 


                  

                  

                  <el-table
                    :data="userList"
                    v-loading="loading"
                    border
                    stripe
                    height="640"
                    :default-sort = "{prop: 'secu_code', order: 'descending'}"
                    style="width: 100%">
                    <el-table-column
                      sortable
                      prop="secu_code"
                      label="证券代码">
                    </el-table-column>
                    <el-table-column
                      sortable
                      prop="machine_code"
                      label="机器码">
                    </el-table-column>
                    <el-table-column
                      sortable
                      prop="phone_number"
                      label="手机号">
                    </el-table-column>
                    <el-table-column
                      sortable
                      prop="version"
                      label="版本号">
                    </el-table-column>
                    <el-table-column
                      sortable
                      prop="created_time"
                      label="创建时间">
                    </el-table-column>
                    <el-table-column
                      sortable
                      prop="last_update_time"
                      label="最后更新时间">
                    </el-table-column>
                    
                  </el-table>


                  <!-- <el-pagination
                    background
                    layout="prev, pager, next"
                    :total="userList.length"
                    :current-page=cPage
                    :page-size="10"
                    @current-change="changePage">
                  </el-pagination> -->
                </el-card>
              </el-main>
              <!-- content container end -->


              <el-footer>
                  <p class="gray">
                    @中国财富传媒集团 版权所有
                  </p>
              </el-footer>

            </el-container>
            <!-- 右侧主视图部分 END  -->
          </el-container>

        </el-container>
    </div>
</body>
    <script src="../../js/vue.js"></script>
    <script src="../../js/element.js"></script>
    <script src="../../js/axios.min.js"></script>
    <script src="../../js/jquery3.3.1.min.js"></script>
    <script src="../../js/md5.js"></script>
    <script src="../../js/common.js"></script>
  	<script>
  	  var app = new Vue({
  	      el: '#app',
          data(){
            return{
              pageLoading:true,
              loading: false,
              cPage:1,
              pageLoading:false,
              userName:localStorage.sys_userName,
              userList:[]
            }
          },
          mounted:function(){
            this.getList();
          },
          methods:{
            getList:function(){
              axios.get('https://goldeye.cfbond.com/cattle/user_list?page_size=10').then((res)=>{
                if(res.data.flag){

                  this.userList = res.data.data;
                }
              })
            },
            userQuit:function(){
              this.$confirm('确认退出当前账户？', '确认退出', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
              }).then(()=>{
                  Common.quit();
                }).catch(()=>{
                  return false;
                });
            },
            changePage:function(){}

          }
  	  });
  	</script>

</html>